<template>
    <div>
        <div class="jilu">
            <div>
                累计答题积分
            </div>
            <div>
                {{ dtjf }}
            </div>
        </div>
        <div class="cepin_jilu">
            测评记录
        </div>
        <div>
            <el-table :data="cpjl" style="width: 100%;height: 960px;">
                <el-table-column prop="phase" label="期数" align="center" />
                <el-table-column prop="update_time" label="测评时间" align="center" />
                <el-table-column prop="score" label="测评得分" align="center" />
                <el-table-column prop="point" label="获得积分" align="center" />
            </el-table>
        </div>
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { assess_record, member_point } from '@/api/team'
let cpjl = ref()
let dtjf = ref()
const listCp = () => {
    assess_record().then(res => {
        console.log(res, 'cp')
        cpjl.value = res.data.data
    })
    member_point().then(res => {
        console.log(res, 'zjf')
        dtjf.value = res.data.data.exam
    })
}
listCp()
const tableData = [
    {
        date: '2016-05-03',
        name: 'Tom',
        address: 'No. 189, ',
    },
    {
        date: '2016-05-02',
        name: 'Tom',
        address: 'No. 189, ',
    },
    {
        date: '2016-05-04',
        name: 'Tom',
        address: 'No. 189, ',
    },
    {
        date: '2016-05-01',
        name: 'Tom',
        address: 'No. 189, ',
    }
]
</script>

<style lang="scss" scoped>
.cepin_jilu {
    text-align: center;
    font-size: 24px;
    height: 64px;
    line-height: 64px;
    font-weight: 900;
    border-bottom: 2px solid #E5E5E5;
}

.jilu {
    width: 89.8%;
    height: 64px;
    background: #faa7a74b;
    display: flex;
    justify-content: space-between;
    font-size: 24px;
    color: #E02020;
    font-weight: 900;
    line-height: 64px;
    padding: 0 40px;
}
</style>